*{
    font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica
    ,Arial,PingFangSC-Regular,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB"
    ,"Microsoft YaHei","微软雅黑",Arial,sans-serif,
    PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,
    "微软雅黑", "宋体", "Helvetica Neue", Arial, Helvetica, sans-serif;

}
body {
    /* font-family: PingFangSC-Regular,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; */
    font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica
    ,Arial,PingFangSC-Regular,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB"
    ,"Microsoft YaHei","微软雅黑",Arial,sans-serif,
    PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial;
    margin: 0;
    text-decoration: none;
    padding: 0;
    color: #333;
    background: #EEEEEE;

}
h3{line-height: 30px;font-size: 24px;color: #333333;font-weight: normal;margin-top: 0px;}
a{text-decoration: none;color: #333333;}
li{ list-style: none;}
a:hover{color:#3498db;text-decoration: none;}


/*肚子*/
article{width: 80%;height: 1000px;margin: 0 auto;}
/*保存图片*/
.article-1-box{   width: 564px;margin: 0 auto;}
.article-1-box img{width: 100%;}

/*上导航*/
#top{position: fixed;top: 0px;left: 0px;right: 0px;margin:auto;height: 40px; width: calc(80% - 0.5%);margin: auto;    background-color: #ffffff;padding-left: 50px;padding-right: 50px;clear: both;}
#top i{color: #333333;font-size: 2rem;line-height: 40px;cursor: pointer;}
#top #top-centre{height: 40px;line-height: 40px;margin: 0 auto;text-align: center;margin-top: -40px;color: #333333;}
#top #right{width:30%;height: 40px;line-height: 40px;text-align: right;margin-top: -40px;color: #333333;float: right;}
/*下导航*/
#bottom{position: fixed;bottom: 0px;left: 0px;right: 0px;margin:auto;height: 40px; width: calc(80% - 0.5%);margin: auto;    background-color: #ffffff;display: flex;justify-content: space-between;padding-left: 50px;padding-right: 50px;}
#bottom .bottom-div{color: #333333;font-size:14px;cursor: pointer;ont-style:normal}

/*目录*/
#catalogue{position: fixed;bottom: 0px;left: 0px;right: 0px;margin:auto;height: 70%; width: calc(80% - 0.5%);margin: auto;background-color: #ffffff;padding-left: 50px;padding-right: 50px;display: none;}
#catalogue #catalogue-div{height: 10%;width: 100%;color: #999c9e;line-height: 5;clear:both;border-bottom: 1px solid #f3f3f3;display: flex;justify-content: space-between;}

#catalogue #catalogue-div #catalogue-div-cn{float: right;cursor: pointer;}
#catalogue #catalogue-div #catalogue-div-cn:hover{color: #3498db;}

#catalogue #catalogue-div .fa-close{float: right;cursor: pointer; line-height: 5;}
#catalogue #catalogue-div .fa-close:hover{color: #3498db;}

#catalogue #catalogue-scroll{overflow: scroll;padding: 0px;width: 100%;height: 85%;}
#catalogue #catalogue-scroll a{height: 70px;border-bottom: 1px solid #f3f3f3;text-align: left;width: 100%;display: block;padding: 0px;line-height: 70px;}

.mescroll-fade-in {
    height: 70px;
}

/*提示*/
#null-hint {
    height: 50px;
    width: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 1em;
    color: #999999;
}
/*响应式*/
@media screen and (max-width: 700px) {
    #top {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    #bottom {
        width: 100%;
    }

    #catalogue {
        width: 100%;
    }

    #article-1-box {
        width: 100%;
    }

    article {
        width: 100%;
    }

    #catalogue #catalogue-div, #catalogue #catalogue-div .fa-close {
        line-height: 4;
    }

    #catalogue {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* 定义滚动条样式 */

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    display: none;
    background-color: rgba(240, 240, 240, 1);

}


/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {

    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);

    border-radius: 10px;

    background-color: rgba(240, 240, 240, .5);

}

/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {

    border-radius: 10px;

    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);

    background-color: rgba(240, 240, 240, .5);

}